<template>
	<view class="box">
		<page-head :transparent='false'>
		    <slot slot="title">{{title.length>10?title.substr(0,10)+'...':title}}</slot>
		</page-head>
		<view class="topImg">
			<image :src="imgLink.tphd1" mode="widthFix"></image>
		</view>
		<view class="topImg">
			<image :src="imgLink.tphd2" mode="widthFix"></image>
		</view>
		<view class="topImg">
			<image :src="imgLink.tphd3" mode="widthFix"></image>
		</view>
		<view class="topImg">
			<image :src="imgLink.tphd4" mode="widthFix"></image>
		</view>
		<view class="topImg">
			<image :src="imgLink.tphd5" mode="widthFix"></image>
		</view>
		<view class="topImg">
			<image :src="imgLink.tphd6" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	import tphd1 from '../../static/img/cctvActive/tphd1.jpg'
	import tphd2 from '../../static/img/cctvActive/tphd2.jpg'
	import tphd3 from '../../static/img/cctvActive/tphd3.jpg'
	import tphd4 from '../../static/img/cctvActive/tphd4.jpg'
	import tphd5 from '../../static/img/cctvActive/tphd5.jpg'
	import tphd6 from '../../static/img/cctvActive/tphd6.jpg'
	
	export default {
		data () {
			return {
				imgLink: {
					tphd1,
					tphd2,
					tphd3,
					tphd4,
					tphd5,
					tphd6
				},
				title:'央视通票'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		width: 100%;
		
		.topImg{
			width: 100%;
			overflow: hidden;
			overflow-y: auto;
			
			image{
				width: 100%;
				display: block;
			}
		}
	}
</style>